<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Solcoo</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="css/base.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scrolltopcontrol.js"></script> 
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#downloadId').click(function() {
			var phone = $.trim($('#phone').val());
			var valicode = $.trim($('#valicode').val());
			
			if (!phone) {
				alert('请输入手机号！');
				return;
			}
			
			if (!valicode) {
				alert('请输入验证码！');
				return;
			}
			
			$.ajax({
	            type: "POST",
	            url: "sendDownloadUrl.do",
	            data: {phone:phone,valicode:valicode},
	            async: true,
	            cache: false,
	            complete: function() {},
	            success: function(msg) {
					if (msg == 'NO') {
						alert("验证码有误！");
					} else {
						alert("短信已发出");
					}
	            },
	            error: function() {
	            	alert('下载地址获取异常！');
	            }
	        });
		});
	});
</script>
</head>

<body>
<div class="right-bar">
	<a href="javascript:;" class="right-bar-btn qrbtn"><img src="images/qrcode1.jpg" alt="" /></a>
    <a href="javascript:;" class="right-bar-btn totop"><img src="images/totop.jpg" alt="" /></a>
    <div class="right-qr-download">
    	<p align="center"><a href="javascript:;"><img src="images/qrcode2.jpg" alt="" /></a></p>
        <p align="center">体验搜卡手机优惠</p>
        <p align="center"><a href="index.jsp">扫描下载</a></p>
    </div>
</div>
<div class="header">
	<div class="container">
     <div class="span4"><a href="index.jsp"><img src="images/logox.png" alt="logo" /></a></div>
     <ul class="span4 main-nav">
            		<li class="active"><a href="index.jsp" class="btn-large"><i class="icon-home icon-white"></i>首页</a></li>
            		<li><a href="card.jspDo" class="btn-large"><i class="icon-list-alt icon-white"></i>会员卡</a></li>
        		</ul>
        
        <div class="span4 text-right topinfo-box">欢迎您，商户请 <a href="login.jsp">登入</a></div>
    </div>
</div>
<div class="download-box">
	<div class="container">
    	<img src="images/header-text.png" alt="" />
        <ul class="download-list row">
        	<li class="offset1"><a href="http://42.120.7.37/Solcoo/app/solcoo-customer.ipa" class="btn btn-danger btn-large">IOS(苹果)下载</a></li>
            <li class="offset1"><a href="http://42.120.7.37/Solcoo/app/solcoo-customer.apk" class="btn btn-success btn-large">Android(安卓)下载</a></li>
        </ul>
    </div>
</div>
<div class="container">
	<div class="row download-info">
    	<div class="span6">
        	<h2>1.短信下载</h2>
            <p class="span4">输入手机号，获取下载地址(短信免费)</p><br/>
            <form method="post" action="sendDownloadUrl.do" class="form-inline span4">
                <input id="phone" type="text" class="span3" name="phone" />
                <input id="valicode" type="text" name="valicode" />
                <img src="valicode.do" id="valiimg" onclick="this.src='valicode.do?' + (new Date().getTime())" />
                <input id="downloadId" type="button" class="btn btn-warning" value="点击获取" />
            </form>
            <p class="span5">收到短信后，点击链接地址,支持Android和iPhone。</p>
        
        </div>
        <div class="span6">
        	<h2>2.二维码下载</h2>
            <p class="span2 thumbnail">
                <img src="images/qrcode.jpg" alt="" />
            </p>
            <p class="span3">使用手机上的二维码扫描软件，扫描二维码即可下载。</p>
            <p class="span3"><img src="images/phones.png" alt="" /></p>
        
        </div>
    </div>
    
    <div class=" clearfix content-block">
    
    	<div class="span6 bigtext">
            <h1>搜卡</h1>
            <h2><span class="navbar">是一款通用储值会员卡，到店出示首页二维码即可，商户通过扫描完成充值支付。</span></h2>
		</div>
    	<div class="span5">
            <img src="images/phone.png" alt="" />
		</div>
    </div>
    
    <div class=" clearfix content-block">
    	<div class="span6">
            <img src="images/shanghu.png" alt="" />
		</div>
        <p class="span5">&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br /></p>
    	<div class="span5 bigtext">
        	
            <h2><span class="navbar">每个商家会推出不同的储值优惠力度，</span>首次关注还送钱！</h2>
		</div>
    </div>
    
    <div class=" clearfix content-block">
    	<div class="span6 bigtext">
        	&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />
            <h2>搜卡<span class="navbar">记录每一笔消费信息，您可以查询每月省下来的钱！</span></h2>
		</div>
    	<div class="span5">
            <img src="images/phone2.png" alt="" />
		</div>
    </div>
</div>

<div class="footer">
	<div class="container">
    	<p>Copyright©2012-2013 版权所有 搜卡　　商户加入合作请拨打15381031851，搜卡欢迎您的加入！</p>
    </div>
</div>

</body>
</html>